{% extends "zerver/base.html" %}

{% block customhead %}
    <link id="emoji-spritesheet" href="/static/generated/emoji/google-sprite.css" rel="stylesheet" type="text/css">
    <style>
        .portico-header {
        padding-bottom: 0px;
        padding-top: 10px;
        padding-left: 5px;
        width: auto;
        }
    </style>

    {{ render_bundle('translations', attrs='nonce="%s"' % (csp_nonce,)) }}
    {{ render_bundle('katex', attrs='nonce="%s"' % (csp_nonce,)) }}
    {{ render_bundle('portico') }}
    {{ render_bundle('archive') }}
    {{ render_bundle('archive-styles') }}

{% endblock %}

{% block content %}
{% include 'zerver/portico-header.html' %}
<div class="app">
    <div class="app-main">
        <div class="column-left">
            {% include "zerver/archive/left_sidebar.html" %}
        </div>
        <div class="column-middle">
          <div class="column-middle-inner tab-content">
          <div class="fixed-app" id="floating_recipient_bar">
              <div class="app-main recipient_bar_content">
                  <div class="column-middle column-overlay recipient-bar-main">
                      <div class="floating_recipient">
                          <div  id="current_label_stream" class="recipient_row">
                              <div class="message_label_clickable message_header message_header_stream right_part"></div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
            {% include "zerver/archive/home.html" %}
        </div>
      </div>
    </div>
</div>
{% endblock %}
